<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设备管理</title>
    <%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %>
    <!--[if lt IE 9]><script src="${resourcePath}/js/comm/css3-mediaqueries.js" ></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="${resourcePath}/tags/bootstrap/bootstrap.css" >
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/base_v3.0.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/paging.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/Package.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/guandaoqingli/pipe.css">
    <script src="${pageContext.request.contextPath}/js/eqpt/eqpt.js"></script>
    <script src="${pageContext.request.contextPath}/js/eqpt/equipmentInfo.js"></script>
    
    <script src="${pageContext.request.contextPath}/js/pipe/tabPage.js"></script>
</head>
<body class="body-pad" style="padding-bottom:100px">
    <div class="container-fluid warp insp-container">
        <div class="row-fluid  bg-white1">
            <div class="main clearFix">
                <ul class="tab-li">
                    <li menuCode="PIC_EQPT_SBGL" class="active" tabName="equipmentInfo"><a href="<%=rootPath%>/eqpt/equipment/equipmentInfo/equipmentInfoPage.html">设备管理</a></li>
                    <li menuCode="PIC_EQPT_NBLY" class="PIC_EQPT_NBLY" tabName="empUse"><a href="<%=rootPath%>/eqpt/equipment/empUse/empUsePage.html">内部领用</a></li>
                    <li menuCode="PIC_EQPT_WBLY" class="PIC_EQPT_WBLY" tabName="extemalUse"><a href="<%=rootPath%>/eqpt/equipment/extemalUse/extemalUsePage.html">外部领用</a></li>
                </ul>
                <div class="sj-main" search="<%=rootPath%>/eqpt/equipment/equipmentInfo/getQuipment.json" init="true">
                    <!-- 设备管理-->
                    <form id="equipmentInfoQueryForm" name="queryForm">
                    <div class="sj-1 clearFix " >
                        <div class="html-header">
                            <p class="header-title">
                                设备基础信息管理
                                <a class="btn btn-w120 btn-add-icon btn-h30 add"  modal='#xgsb'   style="left:20px"  title='新建设备信息' url='<%=rootPath%>/eqpt/equipment/equipmentInfo/addEquipmentInfo.json' ><em></em>新建设备</a>
                            </p>
                        </div>
                        <div class="se-bt clearFix" style="margin-top:45px">
                            <div class="sel w140">
                                <i class="d-name">设备编号</i>
                                <input  class="input-w130"  maxlength="80" type="text" placeholder="设备编号" id="searchCustomNumber" data-name="customNumber"/>
                            </div>
                            <div class="sel w140">
                                <i class="d-name">型号</i>
                                <input  class="input-w130"  maxlength="80" type="text" placeholder="型号" id="searchModelNumber" data-name="modelNumber"/>
                            </div>
                            <div class="sel w140">
                                <i class="d-name">唯一识别码</i>
                                <input  class="input-w130 "  maxlength="80" type="text" placeholder="唯一识别码" id="searchUniqueCide"  data-name="uniqueCide"/>
                            </div>
                            <div class="sel w305">
                                <i class="d-name">购买时间</i>
                                <span class="time" style="float:left" maxlength="5"><input  data-name="beginbuyDate"  id="searchbuyDateStart" onclick="laydate({format: 'YYYY-MM-DD'})" class="laydate-icon" name="buyDateStart"><em></em></span>
                                <span class="fg">-</span>
                                <span class="time" style="float:left;margin-left:0" maxlength="5"><input  data-name="endbuyDate"  id="searchbuyDateEnd" onclick="laydate({format: 'YYYY-MM-DD'})" class="laydate-icon" name="buyDateEnd"><em></em></span>
                            </div>
                            <div class="sel w200">
                                <i class="d-name">设备状态</i>
                                <div class="dropdown-list" data-name="state" code="EQPT_STATE"  text="设备状态">
                                    <div class="drop-list drop-list-min">
                                        <div class="checked w160" id="searchstateDiv">
                                            <a href="javascript:void(0);" >设备状态</a>
                                        </div>
                                        <span class="down-span"></span>
                                    </div>
                                    <ul class="select select-min none" style="width:184px;">
                                    </ul>
                                </div>
                            </div>
                            <a href="javascript:void(0)"  class="btn btn-w100 btn-search-icon btn-h30 search" style="float:left">查询</a>
                        </div>
                    </div>
                    </form>
                    <div>
                        <p class="tool pad20" >
                            <a  href="javascript:;"  class="btn-dc-icon export" downUrl="<%=rootPath%>/eqpt/equipment/equipmentInfo/exportQuipment.json">导出</a>
                        </p>
                        </div>
                    <div class="l-r clearFix pad20">
                        <div class="left">
                            <div class="info-header clearFix tabBox" delUrl="<%=rootPath%>/eqpt/equipment/equipmentInfo/delQuipment.json">
                            </div>
                        </div>
                    </div>
                   
            </div>
        </div>
    </div>






<!--修改设备-->
<div id="xgsb" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 800px; height:450px; margin-left: -400px; top: 15%; display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">修改设备信息</h3>
    </div>
    <div class="modal-body copy-tan" style="height:300px">
        <ul class="ul-title">
            <li><span style="color:#ff0000">*</span>设备编号 </li>
            <li><span style="color:#ff0000">*</span>型号</li>
            <li style="margin-right:0"><span style="color:#ff0000">*</span>唯一识别码</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input id="CUSTOM_NUMBER"  maxlength="80" name="CUSTOM_NUMBER" class="noNull" data-name="customNumber" type="text" placeholder="设备编号" style="margin-top:5px">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input id="MODEL_NUMBER"  maxlength="80" name="MODEL_NUMBER" class="noNull" data-name="modelNumber" type="text" placeholder="型号" style="margin-top:5px">
                </div>
            </li>
            <li class="li1" style="border-bottom:none;margin-right:0">
                <div class="sel w410">
                    <input id="UNIQUE_CIDE"  maxlength="80" name="UNIQUE_CIDE" class="noNull"  data-name="uniqueCide" type="text" placeholder="唯一识别码" style="margin-top:5px">
                </div>
            </li>
        </ul>
        <ul class="ul-title">
            <li>购买时间</li>
            <li><span style="color:#ff0000">*</span>设备状态</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <span class="time" style="float:left;margin-top:5px;width:165px" maxlength="5"><input  data-name="buyDate" id="BUY_DATE" name="BUY_DATE"  onclick="laydate({format: 'YYYY-MM-DD'})" class="laydate-icon" ><em></em></span>
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list noNull" style="float:left;width:100%" data-name="state" text="设备状态" code="EQPT_STATE" text="设备状态">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;">
                                <a href="javascript:void(0);">设备状态</a>
                                <input type="hidden" value="STATE_">
                            </div>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
        <div style="clear:both"></div>
        <div class="qg-text">
            <textarea rows=""  maxlength="255" cols="" placeholder="备注" data-name="createRemark"></textarea>
        </div>
    </div>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40 submit" id="submitUpdata" style="text-align: center;text-indent:0;line-height:36px">确定</button>
    </div>
</div>
</div>
    <script type="text/javascript">
        function changeS(obj){
            if($(obj).hasClass('active')){
                $(obj).removeClass('active');
                $(obj).next().val("LOCKED");
            }else{
                $(obj).addClass("active");
                $(obj).next().val("ACTIVATE");
            }
        }
    </script>
</body>
</html>